    /*在js上模态窗口*/
    
    .senseContent,
    .network {
        padding: 10px 10px 0 0px;
        & div {
            margin-top: 10px;
            width: 260px;
            height: 20px;
        }
        & h6 {
            font-size: 14px;
            font-weight: bold;
            float: left;
        }
        & h5 {
            font-size: 16px;
            font-weight: bold;
            float: left;
        }
        & span,
        h5,
        .coordinate {
            color: #0081cc;
        }
        & .coordinate {
            border-bottom: 1px solid #0081cc;
        }
        & p {
            white-space: nowrap;
            font-size: 12px;
            float: left;
        }
        & div:first-child {
            margin: 0;
        }
        & div:last-child {
            height: 40px;
        }
    }
    
    //在设施管理页面
    .facilities {
        padding: 10px 10px 0 0px;
        & div {
            margin-top: 10px;
            width: 320px;
            height: 20px;
        }
        & h6 {
            font-size: 14px;
            font-weight: bold;
            float: left;
        }
        & h5 {
            font-size: 16px;
            font-weight: bold;
            float: left;
        }
        & span,
        h5,
        .coordinate {
            color: #0081cc;
        }
        & .coordinate {
            border-bottom: 1px solid #0081cc;
        }
        & .classify {
            margin-top: 20px;
            width: 320px;
            height: 10px;
        }
        & .classify div {
            margin: 0px;
            float: left;
            width: 160px;
            height: 20px;
        }
        & .classify div h6 {
            float: left;
        }
        & .classify div p {
            float: left;
        }
        & .classify div:last-child {
            height: 20px;
        }
        & div p {
            white-space: nowrap;
            font-size: 12px;
            float: left;
        }
        & div:first-child {
            margin: 0;
        }
        & div:last-child {
            height: 40px;
        }
    }
    
    //在二级危险页面
    .second-danger,
    .second-event {
        padding: 10px 10px 0 0px;
        & div {
            margin-top: 10px;
            height: 20px;
        }
        & h6 {
            font-size: 14px;
            font-weight: bold;
            float: left;
        }
        & p {
            white-space: nowrap;
            font-size: 12px;
            float: left;
        }
        & div:first-child {
            margin: 0;
        }
    }
    
    //二级危险页面
    .second-danger {
        & div {
            width: 420px;
        }
    }
    
    //二级事件页面
    .second-event {
        & div {
            width: 320px;
        }
    }
    
    //事件管理页面
    .event,
    .danger {
        width: 520px;
        & .header {
            width: 520px;
            font-size: 16px;
            height: 20px;
            line-height: 20px;
            border-bottom: 1px solid #777777;
            margin-bottom: 10px;
        }
        & h3 {
            float: left;
            height: 20px;
            font-size: 14px;
        }
        & .content {
            width: 520px;
            height: 300px;
        }
        & .user-message {
            margin-top: 20px;
            height: 50px;
        }
        & .user-message img {
            float: left;
            height: 50px;
            width: 50px;
        }
        & .user-message div {
            float: left;
            margin-left: 20px;
        }
        & .user-message h1 {
            color: #0081cc;
            font-size: 16px;
            line-height: 30px;
        }
        & .message {
            margin-top: 10px;
            height: 40px;
        }
        & h2 {
            float: left;
            font-weight: bold;
            font-size: 16px;
        }
        & h5 {
            float: left;
            line-height: 20px;
            font-size: 12px;
        }
        & h4 {
            float: left;
            margin-left: 30px;
            line-height: 55px;
            font-size: 12px;
        }
        & .details,
        .classify {
            margin-top: 16px;
            height: 20px;
        }
        & h6 {
            font-weight: bold;
            float: left;
            font-size: 14px;
        }
        & .details p,
        .classify p {
            float: left;
            font-size: 12px;
        }
        & .classify div {
            float: left;
        }
        & .classify div:first-child {
            width: 400px;
        }
        & .classify div:last-child {
            width: 120px;
        }
        & .coordinate {
            border-bottom: 1px solid #0081cc;
            color: #0081cc;
        }
        & .details-images {
            margin-top: 10px;
            height: 100px;
        }
        // & .carousel {
        //     width: 90%;
        //     float: left;
        //     height: 100px;
        //     position: relative;
        // }
        // & .carousel-indicators {
        //     bottom: 10px;
        //     left: 50%;
        //     z-index: 15;
        //     width: 60%;
        //     margin-left: -30%;
        //     padding-left: 0;
        //     list-style: none;
        //     text-align: center;
        // }
        & .images {
            width: 468px;
            float: left;
            height: 100px;
            position: relative;
        }
        & .images img {
            width: 109.5px;
            float: left;
            height: 100px;
            margin-left: 10px;
        }
        & .images img:first-child {
            margin-left: 0;
        }
    }
    
    .skuiwu-danger {
        height: 550px;
        & .content {
            height: 160px;
            border-bottom: 1px solid #777777;
        }
        & .danger-details {
            border-bottom: 1px solid #777777;
        }
        & .danger-details .images {
            width: 458px;
        }
        & .danger-details .images img {
            width: 100px;
            float: left;
            height: 100px;
            margin-left: 10px;
        }
    }
